﻿.swiper-slide {
    text-align: center;
}

.swiper-pagination {
    bottom: 30px !important;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin-left: 12px !important;
}

.swiper-box {
    opacity: 0;
    transition: all .15s;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    position: relative;
    height: 50vw;
}

.slider-copy-one, .slider-copy-three {
    z-index: 9;
    position: relative;
    top: 6vw;
    display: inline-block;
    opacity: 0;
    transform: translateY(-120px);
    -webkit-transform: translateY(-120px);
    -moz-transform: translateY(-120px);
    -ms-transform: translateY(-120px);
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    font-size: 30px;
    color: #FFFFFF;
}

.slider-copy-two, .slider-copy-four {
    z-index: 9;
    position: relative;
    top: 19vw;
    display: inline-block;
    opacity: 0;
    transform: translateX(-120px);
    -webkit-transform: translateX(-120px);
    -moz-transform: translateX(-120px);
    -ms-transform: translateX(-120px);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    font-size: 30px;
    color: #FFFFFF;
    right: -18vw;
}

.slider-img-three {
    display: inline-block;
    opacity: 0;
    transform: translateY(120px);
    -webkit-transform: translateY(120px);
    -moz-transform: translateY(120px);
    -ms-transform: translateY(120px);
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -15%;
}

.slider-img-two, .slider-img-four {
    display: inline-block;
    opacity: 0;
    transform: translateX(120px);
    -webkit-transform: translateX(120px);
    -moz-transform: translateX(120px);
    -ms-transform: translateX(120px);
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    width: 100%;
    position: absolute;
    left: -4%;
    /*bottom: -3%;*/
}

.slider-img img {
    width: 100%;
}

.slider-copy img {
    height: 120px;
    width: 300px;
    display: inline-block;
    vertical-align: bottom;
}

.swiper-slide-active {
    opacity: 1;
    z-index: 2000;
}

.swiper-slide-active .swiper-box {
    opacity: 1;
}

.swiper-slide-active .slider-copy,
.swiper-slide-active .slider-img {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    opacity: 1;
}

.swiper-slide-one, .swiper-slide-three {
    background: #000000;
}

.swiper-slide-two, .swiper-slide-four {
    background: url(../images/tvbanner_bg.jpg)repeat;
    background-size: cover;
}
/*.swiper-slide:first-child {
    background-image: linear-gradient(top, #22282d, #636a70);
    background-image: -webkit-linear-gradient(top, #22282d, #636a70);
    background-image: -o-linear-gradient(top, #22282d, #636a70);
    background-image: -ms-linear-gradient(top, #22282d, #636a70);
    background-image: -moz-linear-gradient(top, #22282d, #636a70)
}
        
.swiper-slide:nth-child(2) {
    background-image: linear-gradient(top, #272624, #4a4947);
    background-image: -webkit-linear-gradient(top, #272624, #4a4947);
    background-image: -o-linear-gradient(top, #272624, #4a4947);
    background-image: -ms-linear-gradient(top, #272624, #4a4947);
    background-image: -moz-linear-gradient(top, #272624, #4a4947);
    background-color: #000000
}*/





/*媒体查询*/
@media screen and (max-width: 1200px) {
    /*.swiper-box{
		height: 75vh ;
	}*/

}
